@charset "utf-8";
body {
	background-color: hsla(0,0%,100%,1.00);
}
.warnanavbar {
	padding-top: 15px;
	background-color: #0B0D1D;

}
.desainbawah {
	background-color: hsla(233,45%,8%,1.00);
	color: #fffffF;
}

.teksputih {
	color: hsla(0,0%,100%,1.00);
}

.tekshitam {
	color: hsla(0,0%,0%,1.00);
}

.backgroundcurosel {
	background-color: hsla(0,0%,93%,1.00);
}

.warnabody {
	background-color: #D9D9D9;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-top: thin dashed #000000;
}

.panelmenu {
    background-color: #272C48;
    padding-top: 10px;
    border-radius: 10px;
    color: #FFFFFF;
}
.latar-kuning {
    background-color: #FE6B03;
    border-radius: 15px;
    color: #FFFFFF;
}
.latar-body-kuning {
    background-color: #FE6B03;
   
    color: #FFFFFF;
}
.panelsearch {
    border: thin solid #D9D9D9;
    border-radius: 45px;
}
.teksfooter {
    color: #FFFFFF;
}

@keyframes slope {
  0% {
  }

  50% {
    transform: rotate(10deg);
  }

  100% {
  }

}
.panelputih {
    background-color: #FFFFFF;
    border-radius: 15px;
    max-width: 500px;
}
.panelputih1sisi {
    background-color: #FFFFFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    max-width: 500px;
}
.panelputih1sisibalik {
    background-color: #FFFFFF;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    max-width: 500px;
}
.panelkuning {
    background-color: #FFEA00;
    border-radius: 15px;
    max-width: 500px;
}
.panelbiru {
    background-color: #01317A;
    border-radius: 15px;
}
.panelabu {
    background-color: #D9D9D9;
    border-radius: 15px;
}
.bataspanel {
	max-width: 500px;
}
.tekspink {
	color: #FF007F;
}
.teksbirugelap {
	color: #01317A;
}
.panelprogramkananbiru1 {
    background-color: #5784E6;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramkananbiru1balik {
    background-color: #5784E6;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramkananbiru2 {
    background-color: #0B1957;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramkananbiru2balik {
    background-color: #0B1957;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramkiri {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
    border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
    background-color: #EDEDED;
}
.panelprogramkiribalik {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
    border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
    background-color: #EDEDED;
}
.borderproduk {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    border-top: thin solid #D9D9D9;
    border-right: thin dashed #D9D9D9;
    border-left: thin dashed #D9D9D9;
}
.panelprogramkananpink1 {
    background-color: #C8102E;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramkananpink1balik {
    background-color: #C8102E;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramhijau1 {
    background-color: #165D31;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramhijau1balik {
    background-color: #165D31;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogrambiru33 {
    background-color: #1D3557;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogrambiru22 {
    background-color: #457B9D;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramabu {
    background-color: #7F7F7F;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-right: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogramabubalik {
    background-color: #7F7F7F;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogrampink1balik {
    background-color: #EB949E;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.panelprogrampink2balik {
    background-color: #E04555;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 165px;
    max-height: 165px;
	border-top: thin solid #EDEDED;
    border-left: thin solid #EDEDED;
    border-bottom: thin solid #EDEDED;
}
.teksbiru1 {
	color: #457B9D;
}
.tekscream {
	color: #FAF3EE;
}
.teksbiru2 {
	color: #1D3557;
}
.bataskirikanan {
    border-width: thin;
    border-right-style: dashed;
    border-right-color: #D9D9D9;
    border-left-style: dashed;
    border-left-color: #D9D9D9;
}
.dropmerah {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #E3001E;
}
.dropputih {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #FFFFFF;
}